<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <title></title>
    <style type="text/less">
        @import "/web/public/public.less";

        .container {
            #main {
                .clearfix;
                width: 100%;
                margin: 0 auto;
                position: relative;
                padding-left: 142px;
                padding-right: 142px;

                .top-laber {
                    height: 71px;
                    margin-top: 23px;
                    width: 100%;
                    padding-top: 17px;

                    .top-laber-text {
                        width: auto;
                        height: 24px;
                        font-family: MicrosoftYaHei;
                        font-size: 24px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 48px;
                        letter-spacing: 0px;
                        color: #333333;
                    }

                    .top-laber-underline {
                        margin-top: 21px;
                        width: 100%;
                        height: 1px;
                        background-color: #eeeeee;
                    }

                    .top-laber-shortline {
                        width: 99px;
                        height: 4px;
                        background-color: #6c759c;
                        margin-top: -2px;
                    }
                }

                .left {
                    width: 100%;
                    min-height: 500px;
                    padding-top: 36px;
                    .fl;

                    .content-list {
                        width: 100%;
                        height: auto;
                        overflow: hidden;

                        & > li {
                            float: left;
                            list-style-type: none;
                            height: auto;
                            border: solid 1px #dcd8d8;
                            margin-right: 4.5px;
                            margin-left: 4.5px;
                            margin-top: 5px;
                            margin-bottom: 5px;
                            text-align: center;
                            padding-left: 11px;
                            padding-right: 11px;
                            /*padding-top: 8px;*/
                            /*padding-bottom: 8px;*/

                            a {
                                font-family: MicrosoftYaHei;
                                font-size: 14px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 30px;
                                letter-spacing: 1px;
                                color: #333333;
                            }
                        }


                    }

                }

            }


        }
    </style>

    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>
    <script src="/web/lib/jquery.pagination.js"></script>
</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <div class="top-laber">
            <div class="top-laber-text">TAG标签</div>
            <div class="top-laber-underline"></div>
            <div class="top-laber-shortline"></div>
        </div>
        <div class="left">

            <ul class="content-list">
                <!--<li><a href="">这是一个文艺标签！！！</a></li>
                <li><a href="">这是一个标签！！！</a></li>
                <li><a href="">这是一个屌丝标签！！！</a></li>
                <li><a href="">这是一个女汉字标签！！！</a></li>
                <li><a href="">这是一个神标签！！！</a></li>-->
            </ul>
        </div>

    </div>
    <!--#include file="/web/html/footer/footer.htm"-->
</div>
<script>
    $.ajax({
        url:ports.getTagListTdk,
        data: {
            plateIds: 101
        },
        success:function (res) {
            console.log('获取标签列表tdk',res);
            $("title").text(res.data.channelTitle+'-政府采购信息网'||'政府采购信息网');
            $("meta[name='keywords']").prop('content',res.data.channelKeyword||'');
            $("meta[name='description']").prop('content',res.data.channelDescriptions||'');
        }
    })

    function getTagList(pageNum, resetPage) {
        var pageSize = 14;
        $.ajax({
            url: ports.front_label_list,
            data: {
                // plateIds: tagId,
                // page: pageNum,
                // size: pageSize
            },
            success: function (res) {
                console.log('获取标签列表11', res);
                var tagListHtml = '';
                var tagList = res.data;
                tagList.forEach(function (item) {
                    var urlHtml = '/web/tagList/1.html?tag='+item.label;

                    tagListHtml += '<li>\n' +
                        '                    <a href="'+urlHtml+'">'+item.label+'</a>\n'+

                        '                </li>'
                })
                $('ul.content-list').html(tagListHtml);
            }
        });
    }
    getTagList(1, true);

</script>
</body>
</html>
